.index-header {
	width: 100%;
	height: 624px;
	margin-top: -75px;
	background-image: url(https://dl.zhutix.net/2020/05/header-bg.svg);
	background-size: auto 622px;
	background-position: 50% 0;
	position: relative;
	background-repeat: no-repeat;
	overflow: hidden
}

.ind_content-wrapper {
	position: relative;
	width: 1200px;
	margin: auto
}

.ind_content {
	display: -ms-flexbox;
	display: flex;
	padding-top: 200px;
	-ms-flex-direction: column;
	flex-direction: column;
	-ms-flex-align: center;
	align-items: center;
	width: 1200px;
	height: 620px;
	margin: 0 auto;
	position: relative;
	z-index: 1;
	background-image: url(https://dl.zhutix.net/2020/05/06.png);
	background-size: cover
}

.ind_content .common-button {
	margin-top: 60px
}

.ind_title {
	font-size: 40px;
	color: #666
}
.ind_title .cai {
    width: 14em;
    height: 1em;
}
.ind_subtitle {
	width: 727px;
	text-align: center;
	margin-top: 43px;
	font-size: 22px;
	color: #8A8A8A
}

.index-en-header .ind_subtitle {
	width: 537px
}

.ind_quan {
	position: absolute;
	background-size: cover;
	z-index: 0
}

.ind_quan0 {
	left: 113px;
	top: 125px;
	width: 60px;
	height: 60px;
	background-image: url(https://dl.zhutix.net/2020/05/toy5.svg);
	-webkit-animation: toy 3s infinite;
	animation: toy 3s infinite
}

.ind_quan1 {
	left: -158px;
	top: 415px;
	width: 32px;
	height: 32px;
	background-image: url(https://dl.zhutix.net/2020/05/toy1.svg);
	-webkit-animation: toy 3s infinite;
	animation: toy 3s infinite
}

.ind_quan2 {
	left: -55px;
	top: 296px;
	width: 29px;
	height: 29px;
	-webkit-animation: upAnimation 3s infinite;
	animation: upAnimation 3s infinite;
	background-image: url(https://dl.zhutix.net/2020/05/toy2.svg)
}

.ind_quan3 {
	left: 465px;
	top: 129px;
	width: 49px;
	width: 49px;
	height: 49px;
	-webkit-animation: zhuan 3s .2s infinite;
	animation: zhuan 3s .2s infinite;
	background-image: url(https://dl.zhutix.net/2020/05/toy3.svg)
}

.ind_quan4 {
	right: 400px;
	top: 330px;
	width: 24px;
	height: 24px;
	-webkit-animation: toy 3s 1s infinite;
	animation: toy 3s 1s infinite;
	background-image: url(https://dl.zhutix.net/2020/05/toy4.svg)
}

.ind_quan5 {
	left: 830px;
	top: 74px;
	width: 54px;
	height: 54px;
	-webkit-animation: toy 3s .8s infinite;
	animation: toy 3s .8s infinite;
	background-image: url(https://dl.zhutix.net/2020/05/xin.svg)
}

.ind_quan6 {
	left: 961px;
	top: 261px;
	width: 27px;
	-webkit-animation: zhuan .5s .2s infinite;
	animation: zhuan .5s .2s infinite;
	height: 23px;
	background-image: url(https://dl.zhutix.net/2020/05/toy6.svg)
}

.ind_quan7 {
	left: 1271px;
	top: 373px;
	width: 40px;
	height: 40px;
	-webkit-animation: zhuan 2s 1.5s infinite;
	animation: zhuan 2s 1.5s infinite;
	background-image: url(https://dl.zhutix.net/2020/05/toy7.svg)
}

.ind_quan8 {
	width: 83px;
	height: 84px;
	left: 228px;
	top: 623px;
	-webkit-animation: toy2 3s .1s infinite;
	animation: toy2 3s .1s infinite;
	background-image: url(https://dl.zhutix.net/2020/05/toy2.svg)
}

.ind_quan9 {
	width: 30px;
	height: 30px;
	right: -30px;
	top: 122px;
	-webkit-animation: aroundAnimation 3s .1s infinite;
	animation: aroundAnimation 3s .1s infinite;
	background-image: url(https://dl.zhutix.net/2020/05/toy2.svg)
}

.i_zhuan {
	-webkit-animation: zhuan 1s 1.5s infinite;
	animation: zhuan 1s 1.5s infinite;
}

.i_suo {
	-webkit-animation: toy2 3s .1s infinite;
	animation: toy2 3s .1s infinite;
}

@-webkit-keyframes toy {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@keyframes toy {
	0% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	50% {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	to {
		-webkit-transform: scale(1);
		transform: scale(1)
	}
}

@-webkit-keyframes toy2 {
	0% {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}
}

@keyframes toy2 {
	0% {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}

	50% {
		-webkit-transform: scale(1);
		transform: scale(1)
	}

	to {
		-webkit-transform: scale(.7);
		transform: scale(.7)
	}
}
/*转圈*/
@keyframes zhuan {
	0% {
		-webkit-transform: rotate(0deg);
	}

	25% {
		-webkit-transform: rotate(90deg);
	}

	50% {
		-webkit-transform: rotate(180deg);
	}

	75% {
		-webkit-transform: rotate(270deg);
	}

	100% {
		-webkit-transform: rotate(360deg);
	}
}
 /*上下晃动*/
@keyframes upAnimation {
	0%,
  100%,
  20%,
  50%,
  80% {
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transform: translate3d(0,0,0);
	}

	40%,
  43% {
		transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
		transform: translate3d(0,-30px,0);
	}

	70% {
		transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		transform: translate3d(0,-15px,0);
	}

	90% {
		transform: translate3d(0,-4px,0);
	}
}
/*左右晃动*/
@keyframes aroundAnimation {
	0%,
  100%,
  20%,
  50%,
  80% {
		transition-timing-function: cubic-bezier(0.215,.61,.355,1);
		transform: translate3d(0,0,0);
	}

	40%,
  43% {
		transition-timing-function: cubic-bezier(0.755,0.50,0.855,0.060);
		transform: translate3d(-20px,0,0);
	}

	70% {
		transition-timing-function: cubic-bezier(0.755,0.050,0.855,0.060);
		transform: translate3d(-10px,0px,0);
	}

	90% {
		transform: translate3d(20px,0,0);
	}
}
.xinsua .cai {
    width: 6em;
    height: 1.1em;
    color: #747474;
}
.ztjca .cai, .pczsa .cai {
    width: 5em;
    height: 1.1em;
    color: #747474;
}
.tyma .cai {
    width: 7em;
    height: 1.1em;
    color: #747474;
}
.scsya .cai {
    width: 7em;
    height: 1.14em;
    color: #747474;
}
.gqbza .cai {
    width: 5em;
    height: 1.12em;
    color: #747474;
}
.jcgja .cai {
    width: 6em;
    height: 1.12em;
    color: #747474;
}
.jxda .cai {
    width: 10em;
    height: 1.1em;
    color: #747474;
}
.common-button {
	box-shadow: 0 4px 8px 0 rgba(110, 192, 245, .5);
	border-radius: 25px;
	background: #6ec0f5;
	border: 1px solid #67baf0;
	font-size: 16px;
	padding: 8px 22px;
	transition: all .2s;
	color: #fff;
}

.common-button:hover {
    color: #fff;
	box-shadow: 0 4px 8px 0 rgba(110, 192, 245, 1);
}

.ind_tit {
	display: -ms-flexbox;
	display: flex;
	margin-top: 40px !important;
	-ms-flex-direction: column;
	flex-direction: column;
}

.ind_h2 {
	font-size: 36px;
	position: relative;
	width: auto;
	color: #747474;
	text-align: center;
	display: inline-block;
	margin: auto;
}

.ind_hs {
	font-size: 16px;
	line-height: 1.5;
	color: #787d85;
	margin: 10px auto 20px;
	text-align: center;
}

ul.cd-tabs-navigation {
	padding: 0 10px;
}

.cd-tabs-navigation li {
	float: left;
	margin-right: 30px;
	list-style: none;
}

.cd-tabs-navigation a {
	position: relative;
	display: block;
	padding: 5px 0 5px 0;
	text-align: center;
	-webkit-transition: all .3s;
	-moz-transition: all .3s;
	-ms-transition: all .3s;
	-o-transition: all .3s;
	transition: all .3s;
	cursor: Pointer;
	font-size: 17px;
	color: #646a73;
}

.cd-tabs-navigation i {
	font-size: 17px;
	margin-right: 3px;
}

.cd-tabs-navigation a.selected {
	color: #ff8936;
	padding: 5px 0 5px 0;
	border-bottom: 2px solid #ff8936;
}

.cd-tabs-navigation a:hover {
	color: #0dce9e;
	border-bottom: 2px solid #0dce9e;
}

nav .course-sort {
	position: absolute !important;
	right: 10px;
	top: 0;
	float: right;
}

.course-sort {
	position: relative;
	float: left;
	font-size: 16px;
	color: #646a73;
}

.course-sort a {
	margin-left: 10px;
}

a.ind_jc_lian:hover, .course-sort a:hover {
	color: #0dce9e;
}

.post-item-1 ul.b2_gap > li {
	width: 25%;
}

.ind_jc {
	position: relative;
	overflow: hidden;
	text-align: center;
	padding: 10px 0 20px;
}

.ind_jc .ind_too_bg {
	position: absolute;
	top: 0;
	right: 50px;
	left: 0;
	height: 100%;
	border-radius: 0 380px 380px 0;
	background: #f8f9fa;
}

.ind_jc .ind_too_bg2 {
	position: absolute;
	top: 0;
	left: 50px;
	right: 0;
	height: 100%;
	border-radius: 380px 0 0 380px;
	background: #f8f9fa;
}

.ind_jc .ind_jc_tit {
	font-size: 32px;
	margin: 0;
	text-align: center;
	position: relative;
	z-index: 1;
	color: #6d7074;
}

.ind_jc .ind_jc_box {
	width: 1200px;
	display: inline-flex;
	flex-wrap: wrap;
	text-align: left;
	position: relative;
	z-index: 1;
}

.ind_jc .ind_jc_box .ind_jc_itm {
	flex: 0 0 auto;
	position: relative;
	display: inline-block;
	width: calc(50% - 40px);
	margin-top: 20px;
	padding: 0 0 30px 108px;
}

.ind_jc .ind_jc_box .ind_jc_itm:nth-child(2n-1) {
	margin-right: 80px;
}

.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_mg {
	position: absolute;
	height: 80px;
	width: 80px;
	left: 0;
	top: 0;
}

.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_itmTitle {
	font-size: 20px;
	font-weight: 500;
	line-height: 20px;
}

.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_neu {
	color: #646a73;
	margin: 12px 0 20px;
	font-size: 15px;
}

.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_lian {
	display: inline-block;
	line-height: 26px;
	margin-right: 28px;
}

.ind_jc_h {
	transform: translateY(-150px);
	left: -150px;
	position: absolute;
	height: 300px;
	width: 300px;
	background: url(https://dl.zhutix.net/2020/05/jc_left.svg);
}

.ind_jc_h2 {
	transform: translateY(-150px);
	right: -150px;
	position: absolute;
	height: 300px;
	width: 300px;
	background: url(https://dl.zhutix.net/2020/05/jc_left.svg);
}

.plus-toy {
	z-index: 0;
	position: absolute
}

.plus-toy1 {
	width: 47px;
	height: 47px;
	left: -75px;
	top: -30px
}

.plus-toy2 {
	width: 40px;
	height: 40px;
	right: -50px
}

.plus-toy3 {
	width: 100px;
	height: 59px;
	right: -180px;
	top: -55px;
}

.plus-toy4 {
	width: 90px;
	height: 55px;
	left: -125px;
	top: -35px;
}

.plus-toy5 {
	width: 37px;
	height: 37px;
	right: -66px;
	top: -12px
}

.plus-toy6 {
	width: 45px;
	height: 45px;
	left: -185px;
	top: -50px
}

.plus-toy7 {
	width: 37px;
	height: 37px;
	left: -106px;
	top: 0
}

.plus-toy8 {
	width: 181px;
	height: 107px;
	right: -254px;
	top: -65px
}

.plus-toy9 {
	width: 47px;
	height: 47px;
	left: -60px;
	top: -20px
}

.plus-toy10 {
	width: 40px;
	height: 40px;
	right: -60px;
	top: 10px
}


.listt{
    margin-left: 8px;
}
.zuidfg {
    text-align: center;
    margin: 30px;
}
.zuidfg h1{
    font-size: 36px;
}
.zuidfg span{
    font-size: 17px;
    margin-top: 10px;
    display: block;
}

.bg-cover {
    background-size: cover;
    background-position: 50% 50%;
}

.rxcerpt {
    font-size: 14px;
    line-height: 1.5;
    color: #bbb;
    display: -webkit-box;
    -webkit-box-orient: vertical;
    -webkit-line-clamp: 1;
    overflow: hidden;
    text-justify: inter-ideograph;
    word-break: break-all;
    margin-top: 8px;
}
.remlm {
    text-align: center;
    padding: 10px 0 25px;
    display: block !important;
}
.remlm a {
    display: inline-block;
    box-sizing: border-box;
    margin: 0 3px;
    width: 96px;
    height: 32px;
    font-size: 14px;
    color: #666666;
    line-height: 30px;
    background: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 20px;
    cursor: pointer;
    transition: background-color 0.2s;
}
.remlm a:hover, .remlm a.on {
    color: #fff;
    background: #6ec0f5;
    border: 1px solid #67baf0;
}


.jcgj {

}
.jcgj ul li {
    width: 33.333%;
    float: left;
display: inline-block;
padding: 10px;
}
.gjysl  {
    padding: 8px 8px 4px 130px;
    position: relative;
    height: 90px;
  
}
.jcgj ul li .img {
	position: absolute;
	top: 0;
	left: 0;
	overflow: hidden;
}

.jcgj ul li img {
	width: 120px;
	height: 89px;
	transition: all .3s ease-out 0s;
	border-radius: 6px 0 0 6px;
	object-fit: cover;
	background: #f0f0f0;
	display: block;
	font-size: 0;
}

.jcgj ul li h3 {
	font-size: 16px;
	margin-bottom: 8px;
	font-weight: normal;
}

.jcgj ul li h3 a {
	line-height: 20px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 20px;
}

.jcgj ul li .excerpt {
	color: #AAB2BD;
	font-size: 14px;
	line-height: 20px;
	overflow: hidden;
	-o-text-overflow: ellipsis;
	display: -webkit-box;
	-webkit-line-clamp: 1;
	-webkit-box-orient: vertical;
	height: 20px;
	white-space: nowrap;
	text-overflow: ellipsis;
	list-style-type: none;
}

.jcgj ul li .list-meta {
	color: #8a92a9;
	font-size: 13px;
	position: absolute;
	bottom: 3px;
	left: 130px;
	max-height: 24px;
	overflow: hidden;
}

.jcgj ul li .list-meta a {
	color: #8a92a9;
	font-size: 13px;
}

.jcgj ul li .list-meta span {
	margin-right: 10px;
}

.jcgj ul li .list-meta i {
	font-size: 14px;
}




.hr_line4.black {
    height: 1px;
    width: 100%;
    border-top: 1px solid #030303;
    background-color: #242424;
    margin: 0;
}

.site-footer-nav {
    background-color: #191919!important;
        border-bottom: 1px solid #111;
}
.yqlj {
    border-top: 1px solid #444;
     background-color: #1a1a1a;
	font-size: 14px; color: #666;
	    padding: 20px 0;
}
.yqlj i {
	font-size: 12px; color: #666;
}
.yqlj a {
    font-size: 14px!important;color: #666; margin-right: 10px;
}
.ekbQhl {
	fill: rgb(248, 249, 251);
	transition: fill 400ms ease-in-out 0s;
}

.ek-bg {
	background-color: rgb(248, 249, 251);
	margin-top: -5px;
}

.ek-bg #primary-home {
	margin-top: -60px;
}

.home .foosvg {
	background-color: #f8f9fb;
}

.st000 {
	fill: #50CEFB;
}

.st111 {
	fill: #303646;
}

.st222 {
	fill: #FFFFFF;
}

.st333 {
	fill: #0dce9e;
}

.st444 {
	fill: #FFCC00;
}

.st0561 {
	fill: #FFCC00;
}

.st1654 {
	fill: #0dce9e;
}

.st2678 {
	fill: #303646;
}

.st3967 {
	fill: #50CEFB;
}

.st065 {
	fill: #303646;
}

.st175 {
	fill: #FFCC00;
}

.st268 {
	fill: #0dce9e;
}

.st015 {
	fill: #FFFFFF;
}

.st123, .st96548 {
	fill: #303646;
}

.st249 {
	fill: #0dce9e;
}

.st365 {
	fill: #FFCC00;
}

.st483 {
	fill: #50CEFB;
}

.st095 {
	fill: #303646;
}

.st183 {
	fill: #0dce9e;
}
.inyl {
    background-color: rgb(251, 251, 252);
    color: rgb(76, 86, 106);
}
.inyl .wrapper {
    padding: 0 20px 30px;
}
.inyl a {
    color: rgb(123, 136, 161);
    margin-right: 12px;
}
.inyl a:hover {
    color: #0dce9e;
}
@media screen and (max-width: 1600px) {

	.ind_jc .ind_jc_box {
		width: 1100px;
		display: inline-flex;
		flex-wrap: wrap;
		text-align: left;
		position: relative;
		z-index: 1;
	}

	.ind_jc .ind_jc_box .ind_jc_itm {
		margin-top: 40px;
	}

	.ind_jc .ind_jc_box .ind_jc_itm:nth-child(2n-1) {
		margin-right: 40px;
	}

}

@media screen and (max-width: 768px) {
	.ind_content-wrapper {
		width: 100%;
	}

	.ind_content {
		padding-top: 100px;
		width: 100%;
		height: auto;
		margin: 0 auto;
		background-image: none;
	}

	.ind_title {
		font-size: x-large;
	}

	.plus-toy, .remlm, .grid_author_avt, .ind_quan {
		display: none !important;
	}

	.ind_content .common-button {
		margin-top: 30px;
	}

	.common-button {
		font-size: large;
	}

	.index-header {
		width: 100%;
		height: 300px;
		margin-top: -75px;
		background-image: url(https://dl.zhutix.net/2020/05/header-bg.svg);
		background-size: auto 378px;
	}

	.ind_h2 {
		font-size: xx-large;
		margin-bottom: 20px;
	}

	.ind_hs {
		display: none;
	}

	nav .course-sort {
		display: none;
	}

	.cd-tabs-navigation {
		display: none;
	}

	.ind_jc {
		margin: 0;
	}

	.ind_jc .ind_jc_tit {
		font-size: xx-large;
	}

	.ind_jc .ind_too_bg, .ind_too_bg2, .ind_jc_h, .ind_jc_h2 {
		display: none;
	}

	.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_mg {
		height: 50px;
		width: 50px;
	}

	.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_itmTitle {
		font-size: larger;
		line-height: 1.6;
	}

	.ind_jc .ind_jc_box .ind_jc_itm .ind_jc_neu {
		display: none;
	}

	.ind_jc .ind_jc_box {
		width: 100%;
		display: block;
	}

	.ind_jc .ind_jc_box .ind_jc_itm:nth-child(2n-1) {
		margin-right: 0;
	}

	.ind_jc .ind_jc_box .ind_jc_itm {
		width: 100%;
		padding: 0 15px 0 68px;
		margin-left: 15px;
		margin-top: 30px;
	}

	.jcgj li:nth-child(n+6), .b2_gap li:nth-child(n+7), .putu .b2_gap > li:nth-child(n+3), .pptu .b2_gap > li:nth-child(n+3) {
		display: none;
	}

	.jcgj ul li {
		width: 100%;
	}

	.jcgj ul li h3 {
		font-size: larger;
		margin-top: 8px;
	}

	.jcgj ul li .excerpt {
		display: none;
	}

	.jcgj ul li .list-meta, .jcgj ul li .list-meta a, .jcgj ul li .list-meta i {
		font-size: 14px;
	}
	.jcgj ul li .list-meta{
		bottom: 10px;
		left: 133px;
	}
}